// 创建用户相关的小仓库
import { defineStore } from "pinia";
// 引入登录接口
import { reqLogin, reqUserInfo, reqLogout } from "@/api/user";
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from "@/api/user/type";
import type { UserState } from "./types/type";
// 引入本地存储方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from "@/utils/token";
// 引入路由(常量路由)
import { constantRoutes, asyncRoutes, anyRoutes } from "@/router/routers";
import router from "@/router";
// 引入深拷贝方法
import { cloneDeep } from "lodash";
import request from "@/utils/request";

// 用于过滤当前用户需要展示的路由组件
const filterAsyncRoutes = (asyncRoutes: any, routes: any) => {
  return asyncRoutes.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoutes(item.children, routes);
      }
      return true;
    }
  });
};
// 创建用户小仓库
const useUserStore = defineStore("User", {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN() || "", // 用户的唯一标识
      menuRoutes: constantRoutes, // 仓库存储生成菜单需要的路由数组
      username: "",
      avatar: "",
      buttons: [], // 存储当前用户是否包含某一个按钮
    };
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      const result: loginResponseData = await reqLogin(data);
      console.log(result);

      // 登录请求:成功200=>token
      // 登录请求:失败201=>失败信息
      if (result.code === 200) {
        // pinia仓库存储token
        // 由于pinia|vuex存储数据其实是利用js对象
        this.token = result.data as string;
        // 本地存储持久化存储token
        SET_TOKEN(result.data as string);
        // 保证当前async函数返回一个成功的promise
        return "ok";
      } else {
        const errMes = result.data || "账号或密码错误";
        return Promise.reject(new Error(errMes));
      }
    },
    // 获取用户信息
    async userInfo() {
      // 获取用户信息进行存储仓库当中(头像.名字)
      const res: userInfoResponseData = await reqUserInfo();
      // 如果获取用户信息成功 则存储
      if (res.code === 200) {
        // 计算当前用户需要展示的路由
        const userAsyncRoute = filterAsyncRoutes(
          cloneDeep(asyncRoutes),
          res.data.routes
        );
        // 菜单的数据
        this.menuRoutes = [...constantRoutes, ...userAsyncRoute, ...anyRoutes];
        // 目前只注册的常量路由,所以计算完毕后 需要动态注册路由
        [...userAsyncRoute, ...anyRoutes].forEach((item) => {
          router.addRoute(item);
        });
        // 获取按钮信息
        this.buttons = res.data.buttons;

        // 获取用户名和头像
        this.username = res.data.name;
        if (!res.data.avatar) {
          const res = await request.get("https://v2.xxapi.cn/api/meinvpic");
          console.log(res);
          this.avatar = res.data;
        } else {
          this.avatar = res.data.avatar;
        }

        return "ok";
      } else {
        return Promise.reject("获取用户信息失败");
      }
    },
    // 退出登录
    async userLogout() {
      const res: any = await reqLogout();
      console.log(res);
      if (res.code === 200) {
        // 清空用户信息
        this.token = "";
        this.username = "";
        this.avatar = "";
        // 清除本地存储的token
        REMOVE_TOKEN();

        return "ok";
      } else {
        return Promise.reject(new Error(res.message));
      }
    },
  },
  // 计算属性
  getters: {},
});

// 对外暴露获取小仓库方法
export default useUserStore;
